import React,{useEffect,useState} from 'react'
import Item from './Item'
import PubSub from 'pubsub-js'


export default function Main() {
//第六步：初始化状态
const [searchList,setSearchList] =useState([])//因为请求过来的数据是由所有满足条件的用户信息组成的数组，所以初始状态设为一个空数组
//第五步：初始化时订阅,订阅函数中的第二个参数是传过来的数据,因为传过来的数据是axios返回的promise实例的值，这个值是一个对象，对象中的data属性的值才是github响应的数据，而响应的数据中的items属性的值才是用户的信息，所以是设置data.data.items
useEffect(()=>{
  PubSub.subscribe('searchValue', function(_,data){ 
    setSearchList(data.data.items)
  })
},[])
  return (
    <div className="row">
      {/* 第七步 */}
      {
        searchList.map((item)=>{
            return <Item key={item.id}{...item}/>
        })
      }
    </div>
  )
}
